 <template>
   <div>
    <ul>
       <li v-for="(item,index) in arr" :key="index">
        <span>{{item.name}}</span><span>{{item.age}}</span>
       </li>
    </ul>
    <Vd></Vd>
    <Vb></Vb>
  </div>
</template>
 <script>
 import Vd from "./vxda.vue"
 import Vb from "./vxab.vue"
export default {
    components:{
      Vd,
      Vb  
    },
  data() {
    return {
     arr:""
    };
  },
  mounted(){
  this.arr=this.$store.state.add
  },
  methods: {},
  computed: {},
};
</script>
 <style lang='css'>
 ul{
     margin-top: 30px;
 }
 li{
     list-style: none;
 }
</style>